
@theme:#F2F2F2;
@font-default-color:#333;
*{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
}

html,body,#app{
    width: 100%;
    height: 100%;
    min-height:100%;
}

body{
    font-family: Helvetica Neue,Tahoma,Arial,PingFangSC-Regular,Hiragino Sans GB,Microsoft Yahei,sans-serif;
    margin:0;
    padding:0;
    color:@font-default-color;
    font-size:12px;
    .theme-bgColor;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: manipulation;
    -webkit-overflow-scrolling: touch;
}
.theme-bgColor{
    background-color:@theme;
}
h1,h2,h3,h4,h5,h6,dl,dt,dd,p,ul{
    margin:0;
}
li{
    list-style: none;
}
dl,dt,dd,ul,button{
    padding:0;
}
a{
    color:@font-default-color;
    text-decoration: none;
    // &:active{
    //     color:#5895F8;
    // }
}
input[type="number"]{
    border:none;
    width:100%;
    background-color:transparent;
    font-size:12px;
}
input:-webkit-autofill { 
    box-shadow: 0 0 0px 1000px white inset !important;
}
.ts-flex-num(@count){
    -webkit-box-flex: @count;
    -moz-box-flex:  @count;
    -webkit-flex:  @count;
    -moz-box-flex:  @count; 
    -ms-flex:  @count; 
    flex: @count;
}
.ts-flex{
    display: box;
    display:flex;
    display:-webkit-box;
    display:-webkit-flex; 
    display:-moz-box; 
    display:-ms-flexbox; 
    .ts-flex-half{
        .ts-flex-num(0.5);
    }
    .ts-flex-1{
        .ts-flex-num(1);
    }
}
.ts-align-items{
	-webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.ts-flex-direction {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.ts-justify-content{
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    -ms-justify-content:space-between;
    -o-justify-content:space-between;
    justify-content:space-between;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}
.clear::before,.clear::after{
    content: " ";
    display: table;
    clear: both;
}
.lf{
    float:left;
}
.rt{
    float:right;
}
.maxImg{
    max-width:100%;
}
.nowrap{
    overflow:hidden; /*超出的部分隐藏起来。*/ 
    white-space:nowrap;
    text-overflow:ellipsis;/* 支持 IE */
}
.lineClamp{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.button--theme.mint-button{
    background-color:#FF3B30;
    color:#fff;
}

/*******我是有底线的*******/
.more-footer{
    padding-top:20px;
    padding-bottom:16px; 
    .text{
        margin:0 11px;
        color:#C7C7CC; 
    }
    .line{
        .Yborder-1px-after(rgba(233,233,233,1));
    }      
}

.ts-shade { //遮罩层
    position: fixed;
    left:0;
    right:0;
    top:0;
    bottom: 0;
    background-color:#fff;
    z-index: 999999999;
    &.shade-bg{
        z-index:-99;
    }
}

.dj-footer{ //底部固定
    &.is_fixed{
        position: fixed;
        bottom:0;
        left:0;
        right:0;
        height:45px;
        line-height:45px;
        .mint-button{
            width:100%;
            height:100%;
            border-radius: 0;
            font-size:16px;
        }
    }
}

.v-container{ //左右布局
    .ts-flex;
    padding:8px;
    .v-lf{
        position: relative;
        .v-lf-img{
            display: block;
            margin-right:8px;
        }
    }
    .v-rt{
        .nowrap;
        .ts-flex-num(1);
        .v-rt-title{
            font-size:12px;
            font-weight: 400;
            line-height:18px;
            .nowrap
        }
    }
}